<div class="account-query" id="accountQuery" ms-controller="accountQuery" style="width: 100%;height: 100%;">
  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" ms-class="{active:@chooseViewIndex === 0}">
      <a href="javascript:;" role="tab" data-toggle="tab" style="padding: 4px" ms-click="@changeView(0)">时间段查询</a>
    </li>
    <li role="presentation" ms-class="{active:@chooseViewIndex === 1}">
      <a href="javascript:;" role="tab" data-toggle="tab" style="padding: 4px" ms-click="@changeView(1)">年度查询</a>
    </li>
  </ul>
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="home" ms-visible="@chooseViewIndex === 0">
      <div class="search-header" style="margin: 12px 0 0 12px">
        <form action="" class="form-inline" onsubmit="return false;">
          <div class="form-group" style="margin-left: 8px">
            <label for="startTime">起始时间：</label>
            <input type="text" class="form-control" id="startTime" ms-duplex="@startTime" readonly>
          </div>
          <div class="form-group" style="margin-left: 8px">
            <label for="endTime">终止时间：</label>
            <input type="text" class="form-control" id="endTime" ms-duplex="@endTime" readonly>
          </div>
          <div class="form-group" style="margin-left: 8px">
            <button type="submit" class="btn btn-primary" ms-click="@queryAccountBalanceReport">查询</button>
          </div>
        </form>
      </div>
      <div class="table-container">
        <div class="table-panel" style="margin-top: 8px;border-bottom: 1px solid #D1D5DE">
          <xmp cached="true" ms-widget="{is:'ms-tableFixed',id:'account-info-table',height:'180',header:@accountInfoTable.header,row:@accountInfoTable.row,data:@accountInfoTable.data,showClickClass:false,elementID:@accountInfoTable.elementID}"></xmp>
        </div>
        <div class="table-panel" style="margin-top: 8px">
          <xmp cached="true" ms-widget="{is:'ms-tableFixed',id:'bill-detail-table',height:'300',header:@billDetailTable.header,row:@billDetailTable.row,sourceData:@billDetailTable.sourceData,showPages:true,elementID:@billDetailTable.elementID}"></xmp>
        </div>
      </div>
    </div>
    <div role="tabpanel" class="tab-pane" id="profile" ms-visible="@chooseViewIndex === 1">
      <div class="search-header" style="margin: 12px 0 0 12px">
        <form action="" class="form-inline" onsubmit="return false;">
          <div class="form-group" style="margin-left: 8px">
            <label for="yearSelect">年份：</label>
            <select name="" id="yearSelect" class="form-control" ms-duplex="@year">
                            <option ms-for="year in @yearArr" ms-attr="{value:year}">{{year}}</option>
                        </select>
          </div>
          <div class="form-group" style="margin-left: 8px">
            <label for="monthSelect">月份：</label>
            <select name="" id="monthSelect" class="form-control" ms-duplex="@month">
              <option value="1">一月</option>
              <option value="2">二月</option>
              <option value="3">三月</option>
              <option value="4">四月</option>
              <option value="5">五月</option>
              <option value="6">六月</option>
              <option value="7">七月</option>
              <option value="8">八月</option>
              <option value="9">九月</option>
              <option value="10">十月</option>
              <option value="11">十一月</option>
              <option value="12">十二月</option>
            </select>
          </div>
          <div class="form-group" style="margin-left: 8px">
            <button type="submit" class="btn btn-primary" ms-click="@getAccountInformation">查询</button>
          </div>
        </form>
      </div>
      <div class="table-container">
        <div class="table-panel" style="margin-top: 8px;border-bottom: 1px solid #D1D5DE">
          <xmp cached="true" ms-widget="{is:'ms-tableFixed',id:'account-year-table',height:'180',header:@accountYearTable.header,row:@accountYearTable.row,data:@accountYearTable.data,showClickClass:false,elementID:@accountYearTable.elementID}"></xmp>
        </div>
        <div class="table-panel" style="margin-top: 8px;border-bottom: 1px solid #D1D5DE">
          <xmp cached="true" ms-widget="{is:'ms-tableFixed',id:'account-year-detail-table',height:'300',header:@accountYearDetailTable.header,row:@accountYearDetailTable.row,sourceData:@accountYearDetailTable.sourceData,showPages:true,elementID:@accountYearDetailTable.elementID}"></xmp>
        </div>
      </div>
    </div>
  </div>
</div>